/*
Theme Name: eguchinaika
Theme URI: http://2inc.org
Description: Habakiri の子テーマ
Author: Yamabata
Author URI: http://2inc.org ( 作者のURL )
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: habakiri
*/

.text-center {
    text-align: center!important;
}

.otoiawase img {
	height: auto;
	max-width: 70%;
}

/* ////////////////////////////////////////////////////////////////////////////////
	ホーム
//////////////////////////////////////////////////////////////////////////////// */

	/* ////////////////////////////////////////////////////////////
		PC
	//////////////////////////////////////////////////////////// */

	/* ////////////////////
		TOPスライド
	//////////////////// */
	.top{

	}

	.slide-text{
		font-family: "ヒラギノ角ゴシック";
		font-size: 44px !important;
		background-color:rgba(255,255,255,0.5) !important;
	}
	
	/* ////////////////////
		お知らせ
	//////////////////// */
	.news{
		background: #f9ffff;
		padding-bottom: 50px;
	}

	.news h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.whatsnew{
		padding:50px;
		background: white;
		text-align: center;
	}

	.whatsnew dt ,
	.whatsnew dd {
		font-size: 21px;
	}

	/* ////////////////////
		挨拶
	//////////////////// */
	.greeting{
		padding-bottom: 50px;
	}

	.greeting h1:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.card_greeting_text{
		font-size: 18px;
		background: white;
		box-sizing: border-box;
		margin-top: 50px;
		line-height: 3em;
	}

	.card_greeting_img{
		padding: 4px;
		background: white;
		text-align: center;
		margin-top: 50px;
	}

	.card_greeting_doctor p{
		font-size: 20px;
		text-align:center;
	}

	/* ////////////////////
		施設情報
	//////////////////// */
	.info{
		background: #f9ffff;
		padding-bottom: 50px;
	}

	.info h1:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.card_info{
		font-size: 20px;
		box-sizing: border-box;
		margin-top: 50px;
		/*display: flex;
		align-items: center;*/
	}

	.card_info_img img{
		padding: 4px;
		background: white;
		border: 1px solid #d3d3d3;
	}

	.card_info_table{
		background: white;
	}

	.card_info th{
		vertical-align: middle;
		padding-left: 20px;
		padding-right: 20px;
		color: #6D6765;
	}

	.card_info td{
		vertical-align: middle;
		padding: 20px 30px;
		color: #6D6765;
	}

	.card_info tr{
		//border-bottom:solid 2px #d3d3d3;
	}

	/* ////////////////////
		診察科目・時間
	//////////////////// */
	.time{
		padding-bottom: 50px;
	}

	.time h1:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.card_subject {
		font-size: 24px;
		padding-top: 50px;
		padding-bottom: 100px;
		//border:solid 2px #d3d3d3;
	}

	.subject_title {
		font-size: 34px;
		padding-top: 25px;
		padding-bottom: 30px;
	}

	.card_time {
		margin-top: 50px;
	}

	.card_time tbody td{
		vertical-align: middle;
	}

	.receptiontime_title,
	.parking_title{
		font-size: 24px;
	}

	.receptiontime_text,
	.parking_text{
		font-size: 22px;
		margin: 0 40px;
		
	}

	/* ////////////////////
		MAP
	//////////////////// */
	.map{
		background: #f9ffff;
		padding-bottom: 50px;
	}

	.map h1:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.card_map{
		text-align: center;
		margin-top: 50px;
	}

	/* ////////////////////
		TOP-診療時間テーブル
	//////////////////// */
	.tablepress thead th,
	.tablepress tbody td,
	.tablepress tfoot th {
		font-size: 24px;
		background-color: #ffffff;
		border: 1px solid #d3d3d3;
		text-align: center;
		vertical-align: middle;
	}

	.tablepress .row-2 .column-8,
	.tablepress .row-3 .column-5,
	.tablepress .row-3 .column-7,
	.tablepress .row-3 .column-8 {
		background-color: #efefef;
	}

	.tablepress .row-1 .column-7 {
		color: blue;
	}

	.tablepress .row-1 .column-8 {
		color: red;
	}

	body{
		font-family: 
				"Noto Sans JP"
				,"Noto Serif JP"
				,"Arial"
				,"Hiragino Sans"
				,"ヒラギノ角ゴシック"
				,"Yu Gothic"
				,"メイリオ"
				,"ＭＳ Ｐゴシック"
				,"MS PGothic";
		letter-spacing: 1px;
	}

	/* ////////////////////////////////////////////////////////////////////////////////
		院内ツアー（医療設備）
	//////////////////////////////////////////////////////////////////////////////// */

	/* ////////////////////
		アニメーション
	//////////////////// */
	.fadein {
		opacity : 0.1;
		transform : translate(0, 50px);
		transition : all 500ms;
	}

	.fadein.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}

	/* フェードイン設定 */
	.fadeInDown {
		-webkit-animation-fill-mode:both;
		-ms-animation-fill-mode:both;
		animation-fill-mode:both;
		-webkit-animation-duration:2.0s;
		-ms-animation-duration:2.0s;
		animation-duration:2.0s;
		-webkit-animation-name: fadeInDown;
		animation-name: fadeInDown;
		visibility: visible !important;
	}

	@-webkit-keyframes fadeInDown {
		0% { opacity: 0; -webkit-transform: translateY(20px); }
		100% { opacity: 1; -webkit-transform: translateY(0); }
	}

	@keyframes fadeInDown {
		0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
		100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
	}

	/* ホバー時画像拡大 */
	.mod-thumbnail {
		overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	}

	.mod-thumbnail img {
		display: block;
		transition-duration: 0.8s;	/*変化に掛かる時間*/
	}

	.mod-thumbnail img:hover {
		transform: scale(1.1);	/*画像の拡大率*/
		transition-duration: 0.8s;	/*変化に掛かる時間*/
	}

	.tour_title_text h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.machine-card {
		padding-top: 50px;
		padding-left: 50px;
		padding-right: 50px;
	}

	.machine-img-wrap {
		position: relative;
		overflow: hidden;
		z-index: 0;
	}

	a.machine-img-wrap img {
		width: 25%;
		height: auto;
		transition-duration: 1.0s;	/*変化に掛かる時間*/
	}

	a:hover .machine-img-wrap img {
		transform: scale(1.1);	/*画像の拡大率*/
		transition-duration: 1.0s;	/*変化に掛かる時間*/
	}

	.machine-text {
		height : 150px;
	}

	.machine-text h3{
		color: #4169e1;
	}

	.machine-text p{
		color: #696969;
	}

	@keyframes tabAnim{
		0%{opacity:0;}
		100%{opacity:1;}
	}

	/* ////////////////////////////////////////////////////////////////////////////////
		求人案内
	//////////////////////////////////////////////////////////////////////////////// */
	.recruit h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-radial-gradient(rgb(230, 90, 90), transparent);
		background: radial-gradient(rgb(230, 90, 90), transparent);
	}

	.kyujin-image{
		padding: 20px;
	}

	.job_wrap{
		width:100%;
		margin:10px auto 150px;
	}

	input[type="radio"]{
		display:none;
	}

	.job_area{
		font-size:0; margin:0 10px;
		display:inline-flex;
	}

	.job_area label{
		width:350px;
		margin:0 5px;
		display:inline-block;
		padding:12px 0;
		color:#999;
		background:#d9edf7;
		text-align:center;
		font-size:22px;
		letter-spacing:5px;
		cursor:pointer;
		transition:ease 0.2s opacity;
	}

	.job_area label:hover{
		opacity:0.5;
	}

	.kyujin_panel{
		font-size: 20px;
		width:100%;
		opacity:0;
		padding:5px 0;
		display:none;
	}

	.kyujin_panel p{
		font-size:18px;
		letter-spacing:1px;
		text-align:center;
	}

	.kyujin_area{
		background:#fff;
	}

	#kangoshi:checked ~ .job_area .kangoshi_label{
		background:#19ADF7;
		color:#fff;
	}

	#kangoshi:checked ~ .kyujin_area #panel1{
		display:block;
		animation:tabAnim ease 0.6s forwards;
		-ms-animation:tabAnim ease 0.6s forwards;
	}

	#junkangoshi:checked ~ .job_area .junkangoshi_label{
		background:#19ADF7;
		color:#fff;
	}

	#junkangoshi:checked ~ .kyujin_area #panel2{
		display:block;
		animation:tabAnim ease 0.6s forwards;
		-ms-animation:tabAnim ease 0.6s forwards;
	}

	#kensagishi:checked ~ .job_area .kensagishi_label{
		background:#19ADF7;
		color:#fff;
	}

	#kensagishi:checked ~ .kyujin_area #panel3{
		display:block;
		animation:tabAnim ease 0.6s forwards;
		-ms-animation:tabAnim ease 0.6s forwards;
	}

	.table-responsive {
		width: 100%;
		overflow-x: auto;
	}

	.kyujin-table {
		border-collapse: collapse;
		border-spacing: 5px;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.kyujin-table tr{
		border: solid 1px #ddd;
	}

	.kyujin-table th{
		font-weight: normal;
		position: relative;
		width: 20%;
		background-color: #eee;
		text-align: center;
		padding: 20px 0;
	}

	.kyujin-table td{
		width: 100%;
		text-align: center;
		background-color: #fff;
		padding: 20px 20px;
	}

	/* ////////////////////////////////////////////////////////////////////////////////
		診療案内
	//////////////////////////////////////////////////////////////////////////////// */
	.guide h2{
		margin:60px 0px 30px;
	}

	.guide h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-radial-gradient(rgb(230, 90, 90), transparent);
		background: radial-gradient(rgb(230, 90, 90), transparent);
	}

	.guide h3{
		margin: 10px 0px;
		padding: 10px 20px;
		border-left: 4px solid #4169e1;
	}


	.guide-image{
		margin:20px auto;
		text-align: center;
	}

	.guide-text{
		margin:40px 0px;
	}

	.guide-text p{
		font-size: 20px;
		width: 100%;
		color: #6D6765;
		line-height: 2.0;
	}

	.guide-card{
		margin: 20px 0px;
		padding: 20px 20px;
		box-shadow: 0px 2px 10px;
	}

	.guide-sick-card{
		margin: 20px 0px;
		padding: 20px 30px;
		box-shadow: 0px 2px 10px;
	}

	.guide-sick-card h4{
		text-align: center!important;
		border-bottom: double 7px #FF6666;
		margin:10px 30px 20px;
	}

	.guide-sick-card p{
		text-align: right!important;
	}

	.guide-sick-card ul{
		width: 80%;
		list-style: none;
	}

	.guide-sick-card li{
		position:relative;
		padding: 0 0 0 20px;
		margin: 7px 0 7px 0px;
		font-weight: bold;
		font-size:14px;
		line-height: 30px;
		border-bottom: dashed 1px #F6A38B;
	}

	.guide-sick-card li:before{
		counter-increment: list;
		content: "";
		display: block;
		position: absolute;
		left: 0px;
		height: 10px;
		width: 10px;
		border-radius: 50%;
		background: #F6A38B;
		top: 50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.guide-card-text h3{
		color: #4169e1;
	}

	.guide-card-button{
		font-size: 18px;
		display: inline-block;
		position: relative;
		text-decoration: none;
		color: #67c5ff;
		max-width: 80%;
		border: solid 2px #67c5ff;
		border-radius: 3px;
		transition: .4s;
		margin: 10px auto;
		padding: 10px;
	}

	.guide-card-button:hover {
		background: #67c5ff;
		text-decoration: none;
		color: white;
	}

	/* ////////////////////////////////////////////////////////////////////////////////
		診療案内ー生活習慣病
	//////////////////////////////////////////////////////////////////////////////// */
	.lifestyle-disease h2,
	.lifestyle-disease-shosai h2,
	.lifestyle-disease-shidou h2,
	.lifestyle-disease-treatment h2{
		margin:60px 0px 30px;
	}

	.lifestyle-disease h2:after,
	.lifestyle-disease-shosai h2:after,
	.lifestyle-disease-shidou h2:after,
	.lifestyle-disease-treatment h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-radial-gradient(rgb(230, 90, 90), transparent);
		background: radial-gradient(rgb(230, 90, 90), transparent);
	}

	.lifestyle-disease-treatment{
		margin: 0px 0px 60px 0px;
	}

	.lifestyle-disease h3{
		margin:60px 0px 30px;
	}

	.lifestyle-disease h3:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.message{
		box-shadow:
			0 4px 5px 0 rgba(0, 0, 0, 0.14), 
			0 1px 10px 0 rgba(0, 0, 0, 0.12),
			0 2px 4px -1px rgba(0, 0, 0, 0.3);
		padding:30px 30px;
		margin:30px 30px;
		background-color: #fffff0;
		color: #6D6765;
	}

	.shidou,
	.treatment{
		padding: 45px 0px 45px 0px;
	}

	.lifestyle-disease p{
		font-size: 18px;
		width: 100%;
		color: #6D6765;
		line-height: 2.0;
	}

	.lifestyle-disease ul li {
		line-height: 1.5;
		padding: 0.4em 0;
		list-style-type: none!important;
	}

	.lifestyle-disease-shosai-title p,
	.lifestyle-disease-shidou-title p{
		font-size: 20px;
		padding:10px 5px;
	}

	.lifestyle-disease-shosai-title ul li,
	.lifestyle-disease-shidou-title ul li,
	.lifestyle-disease-tiryou ul li{
		font-size: 17px;
		list-style-type: none!important;/*ポチ消す*/
		color: #6D6765;
	}

	.lifestyle-disease-shosai-title p:before, 
	.lifestyle-disease-shidou-title p:before {
		content: '';
		height: 12px;
		width: 12px;
		display: block;
		background: #00a8ff;
		box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-webkit-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-moz-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		position: absolute;
		top: 0;
		left: 5px;
		transform: rotate(-50deg);
		-webkit-transform: rotate(-50deg);
		-moz-transform: rotate(-50deg);
		-o-transform: rotate(-50deg);
		-ms-transform: rotate(-50deg);
	}

	.lifestyle-disease-shosai-title p:after,
	.lifestyle-disease-shidou-title p:after{
		content: '';
		height: 8px;
		width: 6px;
		display: block;
		background: #00a8ff;
		box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-webkit-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-moz-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		position: absolute;
		top: 16px;
		left: 2px;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-75deg);
	}

	.lifestyle-disease-shosai ul,
	.lifestyle-disease-shidou ul,
	.lifestyle-disease-tiryou ul{
		padding-inline-start: 0px;
	}

	.lifestyle-disease-shosai ul li{
	  font-size: 16px;
	  position: relative;
	  list-style-type: none!important;/*ポチ消す*/
	  padding: 10px 20px;
	  margin-bottom: 5px;
	  line-height: 1.5;
	  background: #dbebf8;
	  vertical-align: middle;
	  color: #505050;
	  border-radius: 15px 15px 15px 15px;/*左側の角丸く*/
	}

	.lifestyle-disease-button{
		font-size: 18px;
		display: block;
		position: relative;
		text-align: center;
		text-decoration: none;
		color: #67c5ff;
		max-width: 80%;
		border: solid 2px #67c5ff;
		border-radius: 3px;
		transition: .4s;
		margin: 10px auto;
		padding: 10px;
	}

	.lifestyle-disease-button:hover {
		background: #67c5ff;
		text-decoration: none;
		color: white;
	}

	.symptoms-card{
		  display: flex;
	  justify-content: center;
	  align-items: center;
	}

	.symptoms dl{
		padding: 15px 15px;
		border: solid 2px #adcce8;
		border-radius:8px;
		border-color: #448ccb;
		width:350px;
		height:auto;
	}

	.symptoms dt{
		font-size: 20px;
		text-align:center;
	}
	.symptoms dd{
		font-size: 14px;
	}

	.contents{
		padding: 30px 0px;
	}

	.lifestyle-disease-flow ul{
		padding: 0;
	}

	.lifestyle-disease-flow li{
		list-style-type: none;
	}

	.lifestyle-disease-flow dd{
		margin-left: 0;
	}

	.flow > li {
		position: relative;
	}

	.flow > li:not(:last-child) {
		margin-bottom: 30px;
	}

	.flow > li dl {
		width: 100%;
		padding: 20px 30px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border: 2px solid rgb(107,144,219);
		border-radius: 10px;
		position: relative;
	}

	.flow > li:not(:last-child) dl::before,
	.flow > li:not(:last-child) dl::after {
		content: "";
		border: solid transparent;
		position: absolute;
		top: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.flow > li:not(:last-child) dl::before {
		border-width: 22px;
		border-top-color: rgb(107,144,219);
	}

	.flow > li:not(:last-child) dl::after {
		border-width: 20px;
		border-top-color: #fff;
	}

	.flow > li dl dt {
		font-size: 20px;
		font-weight: 600;
		color: rgb(107,144,219);
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
		margin-right: 2vw;
		text-align: center;
	}

	.flow > li dl dt .icon {
		font-size: 12px;
		color: #fff;
		background: rgb(107,144,219);
		background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
		background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
		background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
		padding: 5px 10px;
		margin-bottom: 10px;
		display: block;
		border-radius: 20px;
		position: relative;
		z-index: 100;
	}

	/* ////////////////////////////////////////////////////////////
		診療案内ーその他
	//////////////////////////////////////////////////////////// */
	.other h2:after,
	.other1 h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-radial-gradient(rgb(230, 90, 90), transparent);
		background: radial-gradient(rgb(230, 90, 90), transparent);
	}

	.yobou-image,
	.kenshin-image{
		padding: 20px;
	}

	.yobou-table,
	.kenshin-table{
		font-size: 20px;
		margin: 30px auto;
	}

	.yobou-table tr,
	.kenshin-table tr{
		border: solid 1px #ddd;
	}

	.yobou-table th{
		font-weight: normal;
		position: relative;
		width: 50%;
		background-color: #eee;
		text-align: center;
		padding: 15px;
		border: solid 1px #ddd;
	}

	.yobou-table td{
		width: 50%;
		text-align: center;
		background-color: #fff;
		padding: 15px;
		border: solid 1px #ddd;
	}
	
	.kenshin-table th{
		font-weight: normal;
		position: relative;
		width: 40%;
		background-color: #eee;
		text-align: center;
		padding: 15px;
		border: solid 1px #ddd;
	}

	.kenshin-table td{
		width: 60%;
		text-align: center;
		background-color: #fff;
		padding: 15px;
		border: solid 1px #ddd;
	}
	
	.cancer-kenshin-table{
		font-size: 18px;
		border: solid 1px #ddd;
		margin: 50px auto;
	}
	
	.cancer-kenshin-table tr{
		border: solid 1px #ddd;
	}
	
	.cancer-kenshin-table th{
		font-weight: normal;
		position: relative;
		background-color: #eee;
		text-align: center;
		padding: 15px;
		border: solid 1px #ddd;
	}
	
	.cancer-kenshin-table td{
		text-align: center;
		background-color: #fff;
		padding: 15px;
		border: solid 1px #ddd;
	}
	
	
	/* ////////////////////////////////////////////////////////////
		医師紹介
	//////////////////////////////////////////////////////////// */
	.doctor h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-radial-gradient(rgb(230, 90, 90), transparent);
		background: radial-gradient(rgb(230, 90, 90), transparent);
	}

	.doctor-image{
		margin: 20px 0px;
		padding: 10px;
	}

	.doctor-card{
		box-shadow:
			0 4px 5px 0 rgba(0, 0, 0, 0.14), 
			0 1px 10px 0 rgba(0, 0, 0, 0.12),
			0 2px 4px -1px rgba(0, 0, 0, 0.3);
		padding:20px;
		margin:20px 10px;
		background-color: #fffff0;
		color: #6D6765;
	}

	.doctor-name{
		font-size: 20px;
		padding-left: 20px;
		margin-bottom: 30px;
	}

	.explanation-title{
		font-size: 14px;
	}

	.explanation-text p{
		font-size: 18px;
		padding-left: 20px;
		margin-bottom: 10px;
	}
	.explanation2-text p{
		font-size: 16px;
		padding-left: 20px;
		margin-bottom: 10px;
	}

	.contentsBlock{
		margin-bottom: 60px;
	}

/* ////////////////////////////////////////////////////////////
	PC終わり
//////////////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////////////////
	タブレット
//////////////////////////////////////////////////////////// */
@media print, screen and (max-width: 768px)
{
	/* ////////////////////
	TOPスライド
	//////////////////// */
	.top{

	}

	.slide-text{
		font-size: 40px !important;
		background-color:rgba(255,255,255,0.5) !important;
	}

	/* ////////////////////
	お知らせ
	//////////////////// */
	.news{
		background: #f9ffff;
		padding-bottom: 50px;
	}

	.news h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.whatsnew{
		padding:30px;
		background: white;
		text-align: center;
	}

	.whatsnew dt ,
	.whatsnew dd {
		font-size: 19px;
	}

	/* ////////////////////
	挨拶
	//////////////////// */
	.greeting{
		padding-bottom: 30px;
	}

	.greeting h1:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.card_greeting_text{
		font-size: 15px;
		background: white;
		box-sizing: border-box;
		margin-top: 50px;
		line-height: 3em;
	}

	.card_greeting_img{
		padding: 4px;
		background: white;
		text-align: center;
		margin-top: 30px;
	}

	.card_greeting_doctor p{
		font-size: 20px;
		text-align:center;
	}

	/* ////////////////////
	施設情報
	//////////////////// */
	.info{
		background: #f9ffff;
		padding-bottom: 30px;
	}

	.info h1:after{
		content: "";
		display: block;
		height: 3px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.card_info{
		font-size: 20px;
		box-sizing: border-box;
		margin-top: 30px;
	}

	.card_info_img img{
		padding: 4px;
		background: white;
		border: 1px solid #d3d3d3;
	}

	.card_info_table{
		background: white;
	}

	.card_info th,
	.card_info td{
		vertical-align: middle;
		padding: 5px 50px;
		color: #6D6765;
	}

	.card_info tr{
		//border-bottom:solid 2px #d3d3d3;
	}

	/* ////////////////////
	診察科目・時間
	//////////////////// */
	.time{
		padding-bottom: 50px;
	}

	.time h1:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.card_subject {
		font-size: 20px;
		padding-top: 25px;
		padding-bottom: 50px;
	}

	.subject_title {
		font-size: 30px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.card_time {
		margin-top: 50px;
	}

	.card_time tbody td{
		vertical-align: middle;
	}

	.receptiontime_title,
	.parking_title{
		font-size: 20px;
	}

	.receptiontime_text,
	.parking_text{
		font-size: 16px;
	}

	/* ////////////////////
	MAP
	//////////////////// */
	.map{
		background: #f9ffff;
		padding-bottom: 25px;
	}

	.map h1:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.card_map{
		text-align: center;
		margin-top: 25px;
	}

	/* ////////////////////
	TOP-診療時間テーブル
	//////////////////// */
	.tablepress thead th,
	.tablepress tbody td,
	.tablepress tfoot th {
		font-size: 24px;
		background-color: #ffffff;
		border: 1px solid #d3d3d3;
		text-align: center;
		vertical-align: middle;
	}

	.tablepress .row-2 .column-8,
	.tablepress .row-3 .column-5,
	.tablepress .row-3 .column-7,
	.tablepress .row-3 .column-8 {
		background-color: #efefef;
	}

	.tablepress .row-1 .column-7 {
		color: blue;
	}

	.tablepress .row-1 .column-8 {
		color: red;
	}

	body{
		font-family: 
			"Noto Sans JP"
			,"Noto Serif JP"
			,"Arial"
			,"Hiragino Sans"
			,"ヒラギノ角ゴシック"
			,"Yu Gothic"
			,"メイリオ"
			,"ＭＳ Ｐゴシック"
			,"MS PGothic";
		letter-spacing: 1px;
	}

	/* ////////////////////////////////////////////////////////////////////////////////
	院内ツアー（医療設備）
	//////////////////////////////////////////////////////////////////////////////// */

	.tour_title_text h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.machine-card {
		padding: 25px 50px;
	}

	.machine-img-wrap {
		position: relative;
		overflow: hidden;
		z-index: 0;
	}

	a.machine-img-wrap img {
		width: 25%;
		height: auto;
		transition-duration: 1.0s;	/*変化に掛かる時間*/
	}

	a:hover .machine-img-wrap img {
		transform: scale(1.1);	/*画像の拡大率*/
		transition-duration: 1.0s;	/*変化に掛かる時間*/
	}

	.machine-text {
		height : 150px;
	}

	.machine-text h3{
		color: #4169e1;
	}

	.machine-text p{
		color: #696969;
	}
	
	@keyframes tabAnim{
		0%{opacity:0;}
		100%{opacity:1;}
	}

	/* ////////////////////////////////////////////////////////////////////////////////
	求人案内
	//////////////////////////////////////////////////////////////////////////////// */
	.recruit h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-radial-gradient(rgb(230, 90, 90), transparent);
		background: radial-gradient(rgb(230, 90, 90), transparent);
	}

	.kyujin-image{
		padding: 20px;
	}

	.job_wrap{
		width:100%;
		margin:10px auto 150px;
	}

	input[type="radio"]{
		display:none;
	}

	.job_area{
		font-size:0; margin:0 10px;
		display:inline-flex;
	}

	.job_area label{
		width:200px;
		margin:0 5px;
		display:inline-block;
		padding:12px 0;
		color:#999;
		background:#d9edf7;
		text-align:center;
		font-size:22px;
		letter-spacing:5px;
		cursor:pointer;
		transition:ease 0.2s opacity;
	}

	.job_area label:hover{
		opacity:0.5;
	}

	.kyujin_panel{
		font-size: 20px;
		width:100%;
		opacity:0;
		padding:5px 0;
		display:none;
	}

	.kyujin_panel p{
		font-size:18px;
		letter-spacing:1px;
		text-align:center;
	}

	.kyujin_area{
		background:#fff;
	}

	#kangoshi:checked ~ .job_area .kangoshi_label{
		background:#19ADF7;
		color:#fff;
	}

	#kangoshi:checked ~ .kyujin_area #panel1{
		display:block;
		animation:tabAnim ease 0.6s forwards;
		-ms-animation:tabAnim ease 0.6s forwards;
	}

	#junkangoshi:checked ~ .job_area .junkangoshi_label{
		background:#19ADF7;
		color:#fff;
	}

	#junkangoshi:checked ~ .kyujin_area #panel2{
		display:block;
		animation:tabAnim ease 0.6s forwards;
		-ms-animation:tabAnim ease 0.6s forwards;
	}

	#kensagishi:checked ~ .job_area .kensagishi_label{
		background:#19ADF7;
		color:#fff;
	}

	#kensagishi:checked ~ .kyujin_area #panel3{
		display:block;
		animation:tabAnim ease 0.6s forwards;
		-ms-animation:tabAnim ease 0.6s forwards;
	}

	.table-responsive {
		width: 100%;
		overflow-x: auto;
	}

	.kyujin-table {
		border-collapse: collapse;
		border-spacing: 5px;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.kyujin-table tr{
		border: solid 1px #ddd;
	}

	.kyujin-table th{
		font-size:18px;
		font-weight: normal;
		position: relative;
		width: 20%;
		background-color: #eee;
		text-align: center;
		padding: 20px 0;
	}

	.kyujin-table td{
		font-size:18px;
		width: 100%;
		text-align: center;
		background-color: #fff;
		padding: 10px;
	}

	/* ////////////////////////////////////////////////////////////////////////////////
	診療案内
	//////////////////////////////////////////////////////////////////////////////// */
	.guide h2{
		margin:60px 0px 30px;
	}

	.guide h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-radial-gradient(rgb(230, 90, 90), transparent);
		background: radial-gradient(rgb(230, 90, 90), transparent);
	}

	.guide h3{
		margin: 10px 0px;
		padding: 10px 20px;
		border-left: 4px solid #4169e1;
	}
	
	.guide-image{
		margin:20px auto;
		text-align: center;
	}

	.guide-text{
		margin:40px 0px;
	}

	.guide-text p{
		font-size: 20px;
		width: 100%;
		color: #6D6765;
		line-height: 2.0;
	}

	.guide-card{
		margin: 20px 0px;
		padding: 20px 20px;
		box-shadow: 0px 2px 10px;
	}

	.guide-sick-card{
		margin: 10px 0px;
		padding: 20px 30px;
		box-shadow: 0px 2px 10px;
	}

	.guide-sick-card h4{
		text-align: center!important;
		border-bottom: double 7px #FF6666;
		margin:10px 30px 20px;
	}

	.guide-sick-card p{
		text-align: right!important;
	}

	.guide-sick-card ul{
		width: 80%;
		list-style: none;
	}

	.guide-sick-card li{
		position:relative;
		padding: 0 0 0 20px;
		margin: 7px 0 7px 0px;
		font-weight: bold;
		font-size:18px;
		line-height: 30px;
		border-bottom: dashed 1px #F6A38B;
	}

	.guide-sick-card li:before{
		counter-increment: list;
		content: "";
		display: block;
		position: absolute;
		left: 0px;
		height: 10px;
		width: 10px;
		border-radius: 50%;
		background: #F6A38B;
		top: 50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.guide-card-text h3{
		color: #4169e1;
	}

	.guide-card-button{
		font-size: 18px;
		display: inline-block;
		position: relative;
		text-decoration: none;
		color: #67c5ff;
		max-width: 80%;
		border: solid 2px #67c5ff;
		border-radius: 3px;
		transition: .4s;
		margin: 10px auto;
		padding: 10px;
	}

	.guide-card-button:hover {
		background: #67c5ff;
		text-decoration: none;
		color: white;
	}

	/* ////////////////////////////////////////////////////////////////////////////////
	診療案内ー生活習慣病
	//////////////////////////////////////////////////////////////////////////////// */
	.lifestyle-disease h2,
	.lifestyle-disease-shosai h2,
	.lifestyle-disease-shidou h2,
	.lifestyle-disease-treatment h2{
		margin:30px 0px 15px;
	}

	.lifestyle-disease h2:after,
	.lifestyle-disease-shosai h2:after,
	.lifestyle-disease-shidou h2:after,
	.lifestyle-disease-treatment h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-radial-gradient(rgb(230, 90, 90), transparent);
		background: radial-gradient(rgb(230, 90, 90), transparent);
	}

	.lifestyle-disease-treatment{
		margin: 0px 0px 60px 0px;
	}

	.lifestyle-disease h3{
		margin:30px 0px 15px;
	}

	.lifestyle-disease h3:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.message{
		box-shadow:
			0 4px 5px 0 rgba(0, 0, 0, 0.14), 
			0 1px 10px 0 rgba(0, 0, 0, 0.12),
			0 2px 4px -1px rgba(0, 0, 0, 0.3);
		padding:30px 30px;
		margin:30px 30px;
		background-color: #fffff0;
		color: #6D6765;
	}

	.shidou,
	.treatment{
		padding: 15px 0px;
	}

	.lifestyle-disease p{
		font-size: 15px;
		width: 100%;
		color: #6D6765;
		line-height: 2.0;
	}

	.lifestyle-disease ul li {
		line-height: 1.5;
		padding: 0.4em 0;
		list-style-type: none!important;
	}

	.lifestyle-disease-shosai-title p,
	.lifestyle-disease-shidou-title p{
		font-size: 20px;
	}

	.lifestyle-disease-shosai-title ul li,
	.lifestyle-disease-shidou-title ul li,
	.lifestyle-disease-tiryou ul li{
		font-size: 15px;
		list-style-type: none!important;/*ポチ消す*/
		color: #6D6765;
	}

	.lifestyle-disease-shosai-title p:before, 
	.lifestyle-disease-shidou-title p:before {
		content: '';
		height: 12px;
		width: 12px;
		display: block;
		background: #00a8ff;
		box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-webkit-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-moz-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		position: absolute;
		top: 0;
		left: 5px;
		transform: rotate(-50deg);
		-webkit-transform: rotate(-50deg);
		-moz-transform: rotate(-50deg);
		-o-transform: rotate(-50deg);
		-ms-transform: rotate(-50deg);
	}

	.lifestyle-disease-shosai-title p:after,
	.lifestyle-disease-shidou-title p:after{
		content: '';
		height: 8px;
		width: 6px;
		display: block;
		background: #00a8ff;
		box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-webkit-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-moz-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		position: absolute;
		top: 16px;
		left: 2px;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-75deg);
	}

	.lifestyle-disease-shosai ul,
	.lifestyle-disease-shidou ul,
	.lifestyle-disease-tiryou ul{
		padding-inline-start: 0px;
	}

	.lifestyle-disease-shosai ul li{
		font-size: 16px;
		position: relative;
		list-style-type: none!important;/*ポチ消す*/
		padding-left: 45px;
		margin-bottom: 5px;
		line-height: 1.5;
		background: #dbebf8;
		vertical-align: middle;
		color: #505050;
		border-radius: 15px 15px 15px 15px;/*左側の角丸く*/
	}

	.lifestyle-disease-button{
		font-size: 18px;
		display: block;
		position: relative;
		text-align: center;
		text-decoration: none;
		color: #67c5ff;
		max-width: 80%;
		border: solid 2px #67c5ff;
		border-radius: 3px;
		transition: .4s;
		margin: 10px auto;
		padding: 10px;
	}

	.lifestyle-disease-button:hover {
		background: #67c5ff;
		text-decoration: none;
		color: white;
	}

	.symptoms-card{
		justify-content: center;
		align-items: center;
		width: 250px;
	}

	.symptoms dl{
		padding: 15px 15px;
		border: solid 2px #adcce8;
		border-radius:8px;
		border-color: #448ccb;
		height:auto;
	}

	.symptoms dt{
		font-size: 20px;
		text-align:center;
	}
	.symptoms dd{
		font-size: 14px;
	}

	.contents{
		padding: 15px 0px;
	}

	.lifestyle-disease-flow ul{
		padding: 0;
	}

	.lifestyle-disease-flow li{
		list-style-type: none;
	}

	.lifestyle-disease-flow dd{
		margin-left: 0;
	}

	.flow > li {
		position: relative;
	}

	.flow > li:not(:last-child) {
		margin-bottom: 30px;
	}

	.flow > li dl {
		width: 100%;
		padding: 20px 30px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border: 2px solid rgb(107,144,219);
		border-radius: 10px;
		position: relative;
	}

	.flow > li:not(:last-child) dl::before,
	.flow > li:not(:last-child) dl::after {
		content: "";
		border: solid transparent;
		position: absolute;
		top: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.flow > li:not(:last-child) dl::before {
		border-width: 22px;
		border-top-color: rgb(107,144,219);
	}

	.flow > li:not(:last-child) dl::after {
		border-width: 20px;
		border-top-color: #fff;
	}

	.flow > li dl dt {
		font-size: 20px;
		font-weight: 600;
		color: rgb(107,144,219);
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
		margin-right: 2vw;
		text-align: center;
	}

	.flow > li dl dt .icon {
		font-size: 12px;
		color: #fff;
		background: rgb(107,144,219);
		background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
		background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
		background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
		padding: 5px 10px;
		margin-bottom: 10px;
		display: block;
		border-radius: 20px;
		position: relative;
		z-index: 100;
	}

	/* ////////////////////////////////////////////////////////////
	診療案内ーその他
	//////////////////////////////////////////////////////////// */
	.other h2:after,
	.other1 h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-radial-gradient(rgb(230, 90, 90), transparent);
		background: radial-gradient(rgb(230, 90, 90), transparent);
	}

	.yobou-image,
	.kenshin-image{
		padding: 20px;
	}

	.yobou-table,
	.kenshin-table{
		font-size: 20px;
		padding: 30px;
	}

	.yobou-table tr,
	.kenshin-table tr{
		border: solid 1px #ddd;
	}

	.yobou-table th,
	.kenshin-table th{
		font-weight: normal;
		position: relative;
		width: 50%;
		background-color: #eee;
		text-align: center;
		padding: 15px;
	}

	.yobou-table td,
	.kenshin-table td,{
		width: 50%;
		text-align: center;
		background-color: #fff;
		padding: 15px;
	}
	/* ////////////////////////////////////////////////////////////
	医師紹介
	//////////////////////////////////////////////////////////// */
	.doctor h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-radial-gradient(rgb(230, 90, 90), transparent);
		background: radial-gradient(rgb(230, 90, 90), transparent);
	}

	.doctor-image{
		margin: 20px 0px;
		padding: 10px;
	}

	.doctor-card{
		box-shadow:
			0 4px 5px 0 rgba(0, 0, 0, 0.14), 
			0 1px 10px 0 rgba(0, 0, 0, 0.12),
			0 2px 4px -1px rgba(0, 0, 0, 0.3);
		padding:20px;
		margin:20px 10px;
		background-color: #fffff0;
		color: #6D6765;
	}

	.doctor-name{
		font-size: 20px;
		padding-left: 20px;
		margin-bottom: 30px;
	}

	.explanation-title{
		font-size: 14px;
	}

	.explanation-text{
		font-size: 18px;
		padding-left: 20px;
		margin-bottom: 30px;
	}

	.contentsBlock{
		margin-bottom: 60px;
	}
}
/* ////////////////////////////////////////////////////////////
	タブレット終わり
//////////////////////////////////////////////////////////// */


/* ////////////////////////////////////////////////////////////
	スマホ
//////////////////////////////////////////////////////////// */
@media print, screen and (max-width: 480px){
	/* ////////////////////
	TOPスライド
	//////////////////// */

	.slide-text{
		font-size: 24px !important;
		background-color:rgba(255,255,255,0.5) !important;
	}

	/* ////////////////////
	お知らせ
	//////////////////// */
	.news{
		background: #f9ffff;
		padding-bottom: 25px;
	}

	.news h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.whatsnew{
		padding:30px;
		background: white;
		text-align: center;
	}

	.whatsnew dt ,
	.whatsnew dd {
		font-size: 16px;
	}

	/* ////////////////////
	挨拶
	//////////////////// */
	.greeting{
		padding-bottom: 20px;
	}

	.greeting h1:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.card_greeting_text{
		font-size: 15px;
		background: white;
		box-sizing: border-box;
		margin-top: 25px;
		line-height: 3em;
	}

	.card_greeting_img{
		padding: 4px;
		background: white;
		text-align: center;
		margin-top: 15px;
	}

	.card_greeting_doctor p{
		font-size: 20px;
		text-align:center;
	}

	/* ////////////////////
	施設情報
	//////////////////// */
	.info{
		background: #f9ffff;
		padding-bottom: 15px;
	}

	.info h1:after{
		content: "";
		display: block;
		height: 3px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.card_info{
		font-size: 20px;
		box-sizing: border-box;
		margin-top: 30px;
	}

	.card_info_img img{
		padding: 4px;
		background: white;
		border: 1px solid #d3d3d3;
	}

	.card_info_table{
		background: white;
	}

	.card_info th,
	.card_info td{
		font-size: 16px;
		vertical-align: middle;
		padding: 5px 15px;
		color: #6D6765;
	}

	/* ////////////////////
	診察科目・時間
	//////////////////// */
	.time{
		padding-bottom: 25px;
	}

	.time h1:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.card_subject {
		font-size: 20px;
		padding-top: 15px;
		padding-bottom: 25px;
	}

	.subject_title {
		font-size: 30px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.card_time {
		margin-top: 25px;
	}

	.card_time tbody td{
		vertical-align: middle;
	}

	.receptiontime_title,
	.parking_title{
		font-size: 20px;
	}

	.receptiontime_text,
	.parking_text{
		font-size: 16px;
	}

	/* ////////////////////
	MAP
	//////////////////// */
	.map{
		background: #f9ffff;
		padding-bottom: 25px;
	}

	.map h1:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.card_map{
		text-align: center;
		margin-top: 25px;
	}

	/* ////////////////////
	TOP-診療時間テーブル
	//////////////////// */
	.tablepress thead th,
	.tablepress tbody td,
	.tablepress tfoot th {
		font-size: 16px;
		background-color: #ffffff;
		border: 1px solid #d3d3d3;
		text-align: center;
		vertical-align: middle;
	}

	.tablepress .row-2 .column-8,
	.tablepress .row-3 .column-5,
	.tablepress .row-3 .column-7,
	.tablepress .row-3 .column-8 {
		background-color: #efefef;
	}

	.tablepress .row-1 .column-7 {
		color: blue;
	}

	.tablepress .row-1 .column-8 {
		color: red;
	}

	body{
		font-family: 
			"Noto Sans JP"
			,"Noto Serif JP"
			,"Arial"
			,"Hiragino Sans"
			,"ヒラギノ角ゴシック"
			,"Yu Gothic"
			,"メイリオ"
			,"ＭＳ Ｐゴシック"
			,"MS PGothic";
		letter-spacing: 1px;
	}

	/* ////////////////////////////////////////////////////////////////////////////////
	院内ツアー（医療設備）
	//////////////////////////////////////////////////////////////////////////////// */

	.tour_title_text h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.machine-card {
		padding: 10px 25px;
	}

	.machine-img-wrap {
		position: relative;
		overflow: hidden;
		z-index: 0;
	}

	a.machine-img-wrap img {
		width: 25%;
		height: auto;
		transition-duration: 1.0s;	/*変化に掛かる時間*/
	}

	a:hover .machine-img-wrap img {
		transform: scale(1.1);	/*画像の拡大率*/
		transition-duration: 1.0s;	/*変化に掛かる時間*/
	}

	.machine-text {
		height : 150px;
	}

	.machine-text h3{
		color: #4169e1;
	}

	.machine-text p{
		color: #696969;
	}
	
	@keyframes tabAnim{
		0%{opacity:0;}
		100%{opacity:1;}
	}

	/* ////////////////////////////////////////////////////////////////////////////////
	求人案内
	//////////////////////////////////////////////////////////////////////////////// */
	.recruit h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-radial-gradient(rgb(230, 90, 90), transparent);
		background: radial-gradient(rgb(230, 90, 90), transparent);
	}

	.kyujin-image{
		padding: 20px;
	}

	.job_wrap{
		width:100%;
		margin:10px auto 100px;
	}

	input[type="radio"]{
		display:none;
	}

	.job_area{
		font-size:0; margin:0 10px;
		display:inline-flex;
	}

	.job_area label{
		width:125px;
		margin:0 5px;
		display:inline-block;
		padding:8px 0;
		color:#999;
		background:#d9edf7;
		text-align:center;
		font-size:15px;
		letter-spacing:3px;
		cursor:pointer;
		transition:ease 0.2s opacity;
	}

	.job_area label:hover{
		opacity:0.5;
	}

	.kyujin_panel{
		font-size: 20px;
		width:100%;
		opacity:0;
		padding:5px 0;
		display:none;
	}

	.kyujin_panel p{
		font-size:18px;
		letter-spacing:1px;
		text-align:center;
	}

	.kyujin_area{
		background:#fff;
	}

	#kangoshi:checked ~ .job_area .kangoshi_label{
		background:#19ADF7;
		color:#fff;
	}

	#kangoshi:checked ~ .kyujin_area #panel1{
		display:block;
		animation:tabAnim ease 0.6s forwards;
		-ms-animation:tabAnim ease 0.6s forwards;
	}

	#junkangoshi:checked ~ .job_area .junkangoshi_label{
		background:#19ADF7;
		color:#fff;
	}

	#junkangoshi:checked ~ .kyujin_area #panel2{
		display:block;
		animation:tabAnim ease 0.6s forwards;
		-ms-animation:tabAnim ease 0.6s forwards;
	}

	#kensagishi:checked ~ .job_area .kensagishi_label{
		background:#19ADF7;
		color:#fff;
	}

	#kensagishi:checked ~ .kyujin_area #panel3{
		display:block;
		animation:tabAnim ease 0.6s forwards;
		-ms-animation:tabAnim ease 0.6s forwards;
	}

	.table-responsive {
		width: 100%;
		overflow-x: auto;
	}

	.kyujin-table {
		border-collapse: collapse;
		border-spacing: 5px;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.kyujin-table tr{
		border: solid 1px #ddd;
	}

	.kyujin-table th{
		font-size:16px;
		font-weight: normal;
		position: relative;
		width: 25%;
		background-color: #eee;
		text-align: center;
		padding: 20px 0;
	}

	.kyujin-table td{
		font-size:16px;
		width: 100%;
		text-align: center;
		background-color: #fff;
		padding: 10px;
	}

	/* ////////////////////////////////////////////////////////////////////////////////
	診療案内
	//////////////////////////////////////////////////////////////////////////////// */
	.guide h2{
		margin:60px 0px 30px;
	}

	.guide h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-radial-gradient(rgb(230, 90, 90), transparent);
		background: radial-gradient(rgb(230, 90, 90), transparent);
	}

	.guide h3{
		margin: 10px 0px;
		padding: 10px 20px;
		border-left: 4px solid #4169e1;
	}
	
	.guide-image{
		margin:20px auto;
		text-align: center;
	}

	.guide-text{
		margin:40px 0px;
	}

	.guide-text p{
		font-size: 20px;
		width: 100%;
		color: #6D6765;
		line-height: 2.0;
	}

	.guide-card{
		margin: 20px 0px;
		padding: 20px 20px;
		box-shadow: 0px 2px 10px;
	}

	.guide-sick-card{
		margin: 10px 0px;
		padding: 20px 30px;
		box-shadow: 0px 2px 10px;
	}

	.guide-sick-card h4{
		text-align: center!important;
		border-bottom: double 7px #FF6666;
		margin:10px 30px 20px;
	}

	.guide-sick-card p{
		text-align: right!important;
	}

	.guide-sick-card ul{
		width: 80%;
		list-style: none;
	}

	.guide-sick-card li{
		position:relative;
		padding: 0 0 0 20px;
		margin: 7px 0 7px 0px;
		font-weight: bold;
		font-size:18px;
		line-height: 30px;
		border-bottom: dashed 1px #F6A38B;
	}

	.guide-sick-card li:before{
		counter-increment: list;
		content: "";
		display: block;
		position: absolute;
		left: 0px;
		height: 10px;
		width: 10px;
		border-radius: 50%;
		background: #F6A38B;
		top: 50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.guide-card-text h3{
		color: #4169e1;
	}

	.guide-card-button{
		font-size: 18px;
		display: inline-block;
		position: relative;
		text-decoration: none;
		color: #67c5ff;
		max-width: 80%;
		border: solid 2px #67c5ff;
		border-radius: 3px;
		transition: .4s;
		margin: 10px auto;
		padding: 10px;
	}

	.guide-card-button:hover {
		background: #67c5ff;
		text-decoration: none;
		color: white;
	}

	/* ////////////////////////////////////////////////////////////////////////////////
	診療案内ー生活習慣病
	//////////////////////////////////////////////////////////////////////////////// */
	.lifestyle-disease h2,
	.lifestyle-disease-shosai h2,
	.lifestyle-disease-shidou h2,
	.lifestyle-disease-treatment h2{
		margin:30px 0px 15px;
	}

	.lifestyle-disease h2:after,
	.lifestyle-disease-shosai h2:after,
	.lifestyle-disease-shidou h2:after,
	.lifestyle-disease-treatment h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-radial-gradient(rgb(230, 90, 90), transparent);
		background: radial-gradient(rgb(230, 90, 90), transparent);
	}

	.lifestyle-disease-treatment{
		margin: 0px 0px 60px 0px;
	}

	.lifestyle-disease h3{
		margin:30px 0px 15px;
	}

	.lifestyle-disease h3:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
		background: linear-gradient(to right, rgb(230, 90, 90), transparent);
	}

	.message{
		box-shadow:
			0 4px 5px 0 rgba(0, 0, 0, 0.14), 
			0 1px 10px 0 rgba(0, 0, 0, 0.12),
			0 2px 4px -1px rgba(0, 0, 0, 0.3);
		padding:30px 30px;
		margin:30px 30px;
		background-color: #fffff0;
		color: #6D6765;
	}

	.shidou,
	.treatment{
		padding: 15px 0px;
	}

	.lifestyle-disease p{
		font-size: 15px;
		width: 100%;
		color: #6D6765;
		line-height: 2.0;
	}

	.lifestyle-disease ul li {
		line-height: 1.5;
		padding: 0.4em 0;
		list-style-type: none!important;
	}

	.lifestyle-disease-shosai-title p,
	.lifestyle-disease-shidou-title p{
		font-size: 20px;
	}

	.lifestyle-disease-shosai-title ul li,
	.lifestyle-disease-shidou-title ul li,
	.lifestyle-disease-tiryou ul li{
		font-size: 15px;
		list-style-type: none!important;/*ポチ消す*/
		color: #6D6765;
	}

	.lifestyle-disease-shosai-title p:before, 
	.lifestyle-disease-shidou-title p:before {
		content: '';
		height: 12px;
		width: 12px;
		display: block;
		background: #00a8ff;
		box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-webkit-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-moz-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		position: absolute;
		top: 0;
		left: 5px;
		transform: rotate(-50deg);
		-webkit-transform: rotate(-50deg);
		-moz-transform: rotate(-50deg);
		-o-transform: rotate(-50deg);
		-ms-transform: rotate(-50deg);
	}

	.lifestyle-disease-shosai-title p:after,
	.lifestyle-disease-shidou-title p:after{
		content: '';
		height: 8px;
		width: 6px;
		display: block;
		background: #00a8ff;
		box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-webkit-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		-moz-box-shadow: 0 0 5px rgba(255,255,255,.3) inset;
		position: absolute;
		top: 16px;
		left: 2px;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-75deg);
	}

	.lifestyle-disease-shosai ul,
	.lifestyle-disease-shidou ul,
	.lifestyle-disease-tiryou ul{
		padding-inline-start: 0px;
	}

	.lifestyle-disease-shosai ul li{
		font-size: 14px;
		position: relative;
		list-style-type: none!important;/*ポチ消す*/
		padding-left: 15px;
		margin-bottom: 5px;
		line-height: 1.5;
		background: #dbebf8;
		vertical-align: middle;
		color: #505050;
		border-radius: 15px 15px 15px 15px;/*左側の角丸く*/
	}

	.lifestyle-disease-button{
		font-size: 18px;
		display: block;
		position: relative;
		text-align: center;
		text-decoration: none;
		color: #67c5ff;
		max-width: 80%;
		border: solid 2px #67c5ff;
		border-radius: 3px;
		transition: .4s;
		margin: 10px auto;
		padding: 10px;
	}

	.lifestyle-disease-button:hover {
		background: #67c5ff;
		text-decoration: none;
		color: white;
	}

	.symptoms-card{
		justify-content: center;
		align-items: center;
		width: 250px;
	}

	.symptoms dl{
		padding: 15px 15px;
		border: solid 2px #adcce8;
		border-radius:8px;
		border-color: #448ccb;
		height:auto;
	}

	.symptoms dt{
		font-size: 20px;
		text-align:center;
	}
	.symptoms dd{
		font-size: 14px;
	}

	.contents{
		padding: 15px 0px;
	}

	.lifestyle-disease-flow ul{
		padding: 0;
	}

	.lifestyle-disease-flow li{
		list-style-type: none;
	}

	.lifestyle-disease-flow dd{
		margin-left: 0;
	}

	.flow > li {
		position: relative;
	}

	.flow > li:not(:last-child) {
		margin-bottom: 30px;
	}

	.flow > li dl {
		width: 100%;
		padding: 20px 30px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border: 2px solid rgb(107,144,219);
		border-radius: 10px;
		position: relative;
	}

	.flow > li:not(:last-child) dl::before,
	.flow > li:not(:last-child) dl::after {
		content: "";
		border: solid transparent;
		position: absolute;
		top: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.flow > li:not(:last-child) dl::before {
		border-width: 22px;
		border-top-color: rgb(107,144,219);
	}

	.flow > li:not(:last-child) dl::after {
		border-width: 20px;
		border-top-color: #fff;
	}

	.flow > li dl dt {
		font-size: 20px;
		font-weight: 600;
		color: rgb(107,144,219);
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
		margin-right: 2vw;
		text-align: center;
	}

	.flow > li dl dt .icon {
		font-size: 12px;
		color: #fff;
		background: rgb(107,144,219);
		background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
		background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
		background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
		padding: 5px 10px;
		margin-bottom: 10px;
		display: block;
		border-radius: 20px;
		position: relative;
		z-index: 100;
	}

	/* ////////////////////////////////////////////////////////////
	診療案内ーその他
	//////////////////////////////////////////////////////////// */
	.other h2:after,
	.other1 h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-radial-gradient(rgb(230, 90, 90), transparent);
		background: radial-gradient(rgb(230, 90, 90), transparent);
	}

	.yobou-image,
	.kenshin-image{
		padding: 20px;
	}

	.yobou-table,
	.kenshin-table{
		font-size: 20px;
		padding: 30px;
	}

	.yobou-table tr,
	.kenshin-table tr{
		border: solid 1px #ddd;
	}

	.yobou-table th,
	.kenshin-table th{
		font-weight: normal;
		position: relative;
		width: 50%;
		background-color: #eee;
		text-align: center;
		padding: 15px;
	}

	.yobou-table td,
	.kenshin-table td,{
		width: 50%;
		text-align: center;
		background-color: #fff;
		padding: 15px;
	}
	/* ////////////////////////////////////////////////////////////
	医師紹介
	//////////////////////////////////////////////////////////// */
	.doctor h2:after{
		content: "";
		display: block;
		height: 4px;
		background: -webkit-radial-gradient(rgb(230, 90, 90), transparent);
		background: radial-gradient(rgb(230, 90, 90), transparent);
	}

	.doctor-image{
		margin: 20px 0px;
		padding: 10px;
	}

	.doctor-card{
		box-shadow:
			0 4px 5px 0 rgba(0, 0, 0, 0.14), 
			0 1px 10px 0 rgba(0, 0, 0, 0.12),
			0 2px 4px -1px rgba(0, 0, 0, 0.3);
		padding:20px;
		margin:20px 10px;
		background-color: #fffff0;
		color: #6D6765;
	}

	.doctor-name{
		font-size: 20px;
		padding-left: 20px;
		margin-bottom: 30px;
	}

	.explanation-title{
		font-size: 14px;
	}

	.explanation-text{
		font-size: 18px;
		padding-left: 20px;
		margin-bottom: 30px;
	}

	.contentsBlock{
		margin-bottom: 60px;
	}
}
/* ////////////////////////////////////////////////////////////
	スマホ終わり
//////////////////////////////////////////////////////////// */